<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>vue的一些最佳实践</title>
</head>
<body>
  <h2>vue官方文档：</h2>
  <p>风格指南：https://vuejs.org/style-guide/</p>
  <p>性能：https://vuejs.org/guide/best-practices/performance.html#overview</p>
  <p>安全：https://vuejs.org/guide/best-practices/security.html</p>
  <p>访问性：https://vuejs.org/guide/best-practices/accessibility.html</p>
  <p>发布：https://vuejs.org/guide/best-practices/production-deployment.html</p>

  1．编码风格方面： 
  ・命名组件时使用“多词“风格避免和HTML元素冲突 
  ・使用“细节化“方式定义属性而不是只有一个属性名 
  ・属性名声明时使用“驼峰命名“，模板jsx中使用“肉串命名“ 
  ・使用v-for时务必加上key，且不要跟v-if写在一起 
  
  2．性能方面： 
  ・路由懒加载减少应用尺寸 
  ・利用SSR减少首屏加载时间 
  ・利用v-once渲染那些不需要更新的内容 
  ・一些长列表可以利用虚拟滚动技术避免内存过度占用 
  ・对于深层嵌套对象的大数组可以使用shallowRef或shallowReactive降低开销
  ・避免不必要的组件抽象 

  3、安全:
    不使用不可信模板，例如使用用户输入拼接模板：`template: <div> + userProvidedString + </div>`
    小心使用 v-html, :url, :style等，避免html,url,样式等注入
</body>
</html>